<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Success</title>
    <link rel="stylesheet" href="css/404.css" media="screen" type="text/css"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="css/default.css">
    <link rel="stylesheet" type="text/css" href="css/base.css" />
    <link rel="stylesheet" type="text/css" href="css/buttons.css" />

    <style>
        .wrapper {
            background: #000000;
            width: 100%;
            height: 500px;
            border-radius: 5px;
            position: relative;
        }

        .text {
            flex: 0 0 100%;
            font-size: 14rem;
            font-weight: 900;
            color: #00000000;
            text-align: center;
            font-family: 'Lato', sans-serif;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            border-bottom: 1px solid #d4d7ff;
            border-top: 1px solid #d4d7ff;
            background: url(./images/source.gif);
        / / background-clip: text;
            -webkit-background-clip: text;
        }

        .text:after {
            content: attr(data-text);
            -webkit-text-stroke: 1.5px #d4d7ff;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -49%);
            background: url(./images/source.gif);
        / / background-clip: text;
            -webkit-background-clip: text;
            background-size: 43%;

        }
    </style>
<script>
    /*页面的跳转操作*/
    function start() {
        window.open("home.html");
        //跳转后关闭
        window.close(this.all);
    }
</script>

</head>
<body>

<div style="text-align:center">
    <div id="stage"></div>
</div>
<script src='js/matter-0.5.0.min.js'></script>
<script src="js/404.js"></script>

<section class="content">
    <div class="box bg-3">
        <button onClick="start()" class="button button--moema button--inverted button--text-thick button--size-s" >让我带你回去</button>
    </div>
</section>

<div class="wrapper">
    <div class="text" data-text="Success">我爱你很久了</div>
</div>


</body>
</html>
